<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
        <!-- 大标题(加粗，调大字号) -->
        <h1>welcome</h1>
        <!-- 超链接标签 -->
        <a href="http://www.atguigu.com">点击，跳转到尚硅谷官网</a>
        <!-- 换行 -->
        a<br/> b
        <!-- 一条分割线 -->
        <hr/>
        <!--
            form: 表单(填空的地方)。
                method: 提交方式。目前只能选择get(默认)或post
                action:  提交的url
        -->
        <form method="" action="">
            <!--
                输入框
                    type: 输入框类型，默认是text
                        password: 密文
                        radio： 单选框
                        submit:  提交按钮
             -->
            <input name="gender" value="M" type="radio">男
            <input name="gender" value="F" type="radio">女
            <input type="submit" value="提交按钮">

        </form>
        <hr/>
        <!--
             href编写的url路径，分为两种。
                以/开头，称为绝对路径。 推荐
                不以/开头，称为相对路径。

              404:  发的请求，没人响应
        -->
        <a href="/hello">点击我，模拟一个简单的请求</a>
        <br/>
        <a href="/getData1">点击我，请求字面量</a>
        <br/>
        <a href="/getData2">点击我，请求非字面量</a>
        <hr/>
        <!--
            在http协议中，一共定义了9种请求方法。
            使用的最多的是 get,post
            get:  把请求参数附加在url的后面。
                    格式:  url?参数1=值1&参数2=值2
                    url后参数是可见的，相对不安全。
                    url的长度是有限的，不能超过255，附加的参数数量受限。
                    <a>和浏览器地址栏，都只能发送get


            post: 把请求参数，附加在请求体后
                    格式: 参数1=值1
                          参数2=值2

                     相对get，安全。
                     无限添加参数

                     <form>可以发post和get
        -->
        <a href="/sendParam?name=jack&age=20">发送get</a><br/>

        <form action="/sendParam" method="post">
            <input name="name" value="jack"><br/>
            <input name="age" value="20"><br/>
            <input type="submit" value="发送post">
        </form>
        <hr/>
        <!--
            /haha/xixi/heihei 称为url,路径
        -->
        <a href="/haha/xixi/heihei">模拟路径变量的参数</a><br/>

        <form action="/sendRequest" method="post">
            <input type="submit" value="发送请求">
        </form>



</body>
</html>